/*
 * @Author: jiangh1 1141429595@qq.com
 * @Date: 2023-05-18 17:25:59
 * @LastEditors: jiangh1 1141429595@qq.com
 * @LastEditTime: 2023-07-14 16:47:47
 * @FilePath: \note\react\react-js-demo\config-overrides.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
const { override, fixBabelImports, addLessLoader, addWebpackAlias } = require('customize-cra');

const path = require('path')
function resolve(dir) {
    return path.join(__dirname, '.', dir)
}



// module.exports = override(
//     // 针对antd实现按需打包: 根据import来打包(使用babel-plugin-import)
//     fixBabelImports('import', {
//         libraryName: 'antd',
//         libraryDirectory: 'es',
//         style: true,  // 自动打包相关的样式
//     }),

//     // 使用less-loader对源码中的less的变量进行重新指定
//     addLessLoader({
//         javascriptEnabled: true,
//         modifyVars: { '@primary-color': '#1DA57A' },
//     }),

// )

module.exports = function override(config, env) {
    // // 针对antd实现按需打包: 根据import来打包(使用babel-plugin-import)
    fixBabelImports('import', {
        libraryName: 'antd',
        libraryDirectory: 'es',
        style: true,  // 自动打包相关的样式
    }),

    // 使用less-loader对源码中的less的变量进行重新指定
    addLessLoader({
        javascriptEnabled: true,
        modifyVars: { '@primary-color': '#1DA57A' },
    }),

    config.module.rules[1].oneOf.splice(2, 0, {
        test: /\.less$/i,
        exclude: /\.module\.(less)$/,
        use: [
            { loader: "style-loader" },
            { loader: "css-loader" },
            {
                loader: "less-loader",
                options: {
                    lessOptions: {
                        javascriptEnabled: true,
                    },
                },
            },
        ],
    })

    config.resolve.alias = {
        '@': resolve('src')
    }

    return config
}

